<template>
  <div class="cart">
    <!-- 顶部导航 -->
    <mt-header class="mytitle" title="购物车">
      <div slot="left">
        <mt-button icon="back"  @click="$router.go(-1)"></mt-button>
      </div>
      <mt-button class="iconfont icon-refresh" slot="right"></mt-button>
    </mt-header>
    <div class="body">
      <h1>买个屎，有钱吗就买买买的</h1>
    </div>
    <!-- 底部导航 -->
    <tab-bar></tab-bar>
  </div>
</template>
<script>
import TabBar from '@/components/tab-bar'
export default {
  components: {
    TabBar
  }
}
</script>
<style lang="scss" scoped>
  .cart{
    .mytitle{
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 45px;
      background-color: #006699;
      color: #fff;
      font-size: 16px;
      ::before{
        font-weight: 600;
        font-size: 20px
      }
    }
    .body{
      padding: 45px 0  50px 0;
    }
  }
</style>
